<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />

    <!--禁止缓存-->
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <META http-equiv="expires" content="0">


    <!--H5页面窗口自动调整到设备宽度，并禁止用户缩放页面-->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,  user-scalable=no">

    <!--当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari-->
    <meta content="yes" name="apple-mobile-web-app-capable">

    <!--将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style">

    <!--忽略将页面中的数字识别为电话号码-->
    <meta content="telephone=no" name="format-detection">

    <!--忽略Android平台中对邮箱地址的识别-->
    <meta content="email=no" name="format-detection">


    <title>懂杯帝微信小程序</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.staticfile.org/vue/3.0.5/vue.global.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
</head>

<body>
    <div id="desktop" class="full desktop-web-container" style="display: none">
        <p>请在手机打开网页链接</p>
    </div>
    <div id="mobile" class="guide_container">
        <img src="./images/top_1.png" class="img_top1">
        <div class="guide_content">
            <img src="./images/top_2.png" class="img_top2">
            <p class="guide_notice">
                请您准备好<span>手机，保持网络稳定</span>，长按识别以下二维码或点击按钮进入小程序。
            </p>
            <img src="./images/weixing-home.png" class="img_qr">
            <p class="guide_subtitle">懂杯帝评测网--小程序</p>
            <button class="guide_btn" onclick="openWeapp()">点击跳转小程序</button>
        </div>
    </div>
    {{info.data}}

    <script>
        const App = Vue.createApp({
            data() {
                return {
                    info: [],
                }
            },

            methods: {
                openWeapp() {
                    //拿到数组的值，传
                    //location.href = this.info.student.name;
                    console.log(info.data)
                }
            },

            //获取数据
            mounted() {
                this.timer = setTimeout(this.openWeapp, 1000);

                axios
                    .get('http://localhost:10020/wp-json/wx_xcx/v1/qy')
                    .then(response => {
                        console.log(response.data);
                        this.info = response.data;
                    })
                    .catch(function (error) {
                        alert(error)
                    })
            }
           
        })
        App.mount("#mobile")
    </script>


</body>

</html>